<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台首页</title>

<link rel="stylesheet" href="../../../Public/static/css/bootstrap.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../Public/static/css/font-awesome.min.css">
<link rel="stylesheet" href="../../../Public/admin/css/index.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../Public/admin/css/main.css" type="text/css" media="screen" />

<script type="text/javascript" src="../../../Public/static/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../../Public/static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../../Public/admin/js/qrcode.js"></script>
<script type="text/javascript" src="../../../Public/admin/js/jquery.qrcode.js"></script>



</head>
<body>
<!--顶部-->
<div class="row">
    <div class="layout_top_header">
        <div style="float: left"><span style="font-size: 16px;line-height: 45px;padding-left: 20px;color: #fff">众规武汉-管理后台</h1></span></div>
        <div id="ad_setting" class="ad_setting">
          <a class="ad_setting_a" href="javascript:; ">
            <i class="icon-user glyph-icon" style="font-size: 20px"></i>
            <span>管理员</span>
            <i class="icon-chevron-down glyph-icon"></i>
          </a>
          <ul class="dropdown-menu-uu" style="display: none" id="ad_setting_ul">
            <li class="ad_setting_ul_li"> <a href="javascript:;"><i class="icon-user glyph-icon"></i> 个人中心 </a> </li>
            <li class="ad_setting_ul_li"> <a href="javascript:;"><i class="icon-cog glyph-icon"></i> 设置 </a> </li>
            <li class="ad_setting_ul_li"> <a href="javascript:;"><i class="icon-signout glyph-icon"></i> <span class="font-bold">退出</span> </a> </li>
          </ul>
        </div>
    </div>
</div>
  <!--顶部结束-->

  <!--主体开始-->
<div class="row main-cont">
    <div class="col-md-12">
      	<!--左侧菜单-->
      	<div class="col-md-2 layout_left_menu">
	        <ul id="menu">
	          <li class="childUlLi">
	           <a href="#"  target="menuFrame"><i class="glyph-icon icon-home"></i>首页</a>
	            <ul>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>最新动态</a></li>
	            </ul>
	          </li>
	          <li class="childUlLi">
	            <a href="#"  target="menuFrame"> <i class="icon-group"></i>用户管理</a>
	            <ul>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>用户管理</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>角色管理</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>权限管理</a></li>
	            </ul>
	          </li>
	          <li class="childUlLi">
	            <a href="#" target="menuFrame"> <i class="glyph-icon icon-reorder"></i>内容管理</a>
	            <ul>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>栏目分类</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>发布文章</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>新闻列表</a></li>
	            </ul>
	          </li>
	          <li class="childUlLi">
	            <a href="#" target="menuFrame"> <i class="icon-bullhorn"></i>互动管理</a>
	            <ul>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>投票系统</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>推送内容</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>公告管理</a></li>
	            </ul>
	          </li>
	          <li class="childUlLi">
	            <a href="#"> <i class="icon-wrench"></i>微信基础设置</a>
	            <ul>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>首次关注</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>自动回复</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>关键字回复</a></li>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>自定义菜单</a></li>
	            </ul>
	          </li>
	          <li class="childUlLi">
	            <a href="#"> <i class="icon-spinner"></i>数据魔方</a>
	            <ul>
	              <li><a href="#"><i class="glyph-icon icon-chevron-right"></i>关注数</a></li>
	            </ul>
	          </li>
	        </ul>
      	</div>
        <!--左侧菜单结束-->
	    <div class="col-md-10">
	    	<div class="route_bg">
			    <a href="#">主页</a><i class="glyph-icon icon-chevron-right"></i>
			    <a href="#">互动管理</a><i class="glyph-icon icon-chevron-right"></i>
			    <a href="#">投票系统</a><i class="glyph-icon icon-chevron-right"></i>
			    <a href="#">预览问卷内容</a>
			    <span class="pull-right"><a href="">【返回】</a></span>
			</div>
			<div class="qrcode-v">
				<input type="hidden" id="text" value="ww.sina.com.cn" /> 
				<input class="btn btn-primary" type="button" value="生成二维码" id="bt" /> 
				<div id="div_div"></div>
			</div> 
	    	<div class="col-md-12 vote-line">
				<h4 class="text-center">问卷名称：<a href="">关于环东湖路程规划的征求意见</a></h4>
			</div>
			<div class="col-md-12 vote-line">
				<form class="form-horizontal" role="form" action="/admin/article/insert" method="post" enctype="multipart/form-data">
				<div class="form-group">
                	<label class="col-md-12">
                	1.您对东湖环岛建设的道路有什么意见?</label>
			        <div class="col-md-8">
			        	<input type="text" class="form-control" id="firstname" placeholder="" />
			        </div>
                </div>
                <div class="form-group">
                	<label class="col-md-12">
                	2.您认为在双湖桥至东湖宾馆段的绿道怎样规划较好？</label>
			        	<div class="radio">
						   <label>
						        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked /> 平行双湖桥，在其东侧架设人行天桥
						   </label>
						</div>
						<div class="radio">
						   <label>
						        <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />
						         在双湖桥下架设栈道
						   </label>
						</div>
						<div class="radio">
						   <label>
						        <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />
						         在双湖桥上建设绿道
						   </label>
						</div>
						<div class="col-md-8">
							<span>其它：</span><input type="text" class="form-control" id="firstname" placeholder="" />
				        </div>
                </div>
                <div class="form-group">
                	<label class="col-md-12">
                	3.您对东湖环岛建设的道路有什么意见?</label>
                	<div class="checkbox">
					   <label><input type="checkbox" value="" />轨道或公交来，然后在东湖骑行或漫步</label>
					</div>
					<div class="checkbox">
					   <label><input type="checkbox" value="" />轨道或公交来，然后在东湖坐游览电车</label>
					</div>
					<div class="checkbox">
					   <label><input type="checkbox" value="" />开车来，然后在东湖骑行或漫步</label>
					</div>
					<div class="checkbox">
					   <label><input type="checkbox" value="">开车来，然后在东湖坐游览电车</label>
					</div>
			        <div class="col-md-8">
			        	<span>其它</span>
			        	<input type="text" class="form-control" id="firstname" placeholder="" />
			        </div>
                </div>
				<table id="table1"></table>
				<div class="col-md-12 vote-line">
					<div class="col-md-8">
						<input type="submit" class="btn btn-primary pull-right" value="提交" />
					</div>
				</div>
				</form>
			</div>
	    </div>
	</div>
</div>
 <!--主体结束-->
 <!-- 底部 -->
<div class="layout_footer row">
    <p>Copyright © 2015 - 众规武汉</p>
 </div>
  <!-- 底部 -->
<script type="text/javascript">
	$('form').submit(function(){ 
		alert($(this).serialize()); 
		returnfalse; 
	});
	$(function () { 
		$("#bt").bind("click", function () { 
			var d_d_c = document.getElementById("div_div").innerHTML;
			if(d_d_c==null  || d_d_c==""){
				text = $("#text").val(); 
				$("#div_div").qrcode(utf16to8(text));
			}else{
				$("#div_div").empty();
			}
		}) 
	});  
	function utf16to8(str) { //转码 
		var out, i, len, c; 
		out = ""; 
		len = str.length; 
		for (i = 0; i < len; i++) { 
		c = str.charCodeAt(i); 
		if ((c >= 0x0001) && (c <= 0x007F)) { 
		out += str.charAt(i); 
		} else if (c > 0x07FF) { 
		out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); 
		out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); 
		out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
		} else { 
		out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); 
		out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
		} 
		} 
		return out; 
	} 
</script>
</body>
</html>